<template>
  <div class="section">
    <div class="book-list">
      <div class="header">
        <div class="heading">{{heading}}</div>
        <div class="more">更多...</div>
      </div>
      <div class="book-items">
        <div class="book" v-for="book in books" @click="$emit('onBookSelect',book)">
          <div class="cover"><img :src="book.img_url"></div>
          <div class="title">{{book.title}}</div>
          <div class="authors">{{book.authors}}</div>
        </div>
      </div>
    </div>
  </div>

</template>

<script type="text/ecmascript-6">
  import Swiper from "swiper"
  import 'swiper/dist/css/swiper.css'
  import "./list.less"

  export default {
    props:["books","heading"]
  }
</script>
